<template>
    <div class="login">

        <div class="login-form">

            <h2>VueAdmin管理系统</h2>
            <el-image
                    style="width: 180px; height: 180px"
                    :src="require('@/assets/markerhub/javacat.jpg')"
                    :fit="fill"></el-image>

            <p>登录验证码：<strong>{{ qrcode }}</strong></p>
            <p>
                扫码关注公众号，公众号主页回复上面验证码完成登录
            </p>
        </div>
    </div>
</template>

<script>

    export default {
        name: "Login",
        data() {
            return {
                qrcode: 'WX2949'
            }
        }
    }
</script>

<style scoped>

    .login {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        text-align: center;
        background-color: #fafafa;
    }
</style>